<!DOCTYPE html>
<style>
#container {
    width: 200px; height: 50px;
    background-color: orange;
}

#float {
    float: left;
    width: 50px; height: 50px; background: blue;
}

#vertical {
    width: 50px; height: 50px;
    overflow: hidden;
    margin: 0 auto;
    background: blue;
}
</style>
<p>This tests that auto margins in an empty table orthogonal to its containing block are calculated correctly.</p>
<p>The auto margins should horizontally center the blue square in the orange rectangle.</p>
<div id="container">
    <table id="vertical"></table>
</div>
